<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
	<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta charset="UTF-8">
	<title>手机图表</title>
	<link rel="shortcut icon" type="image/ico" href="http://www.eastmoney.com/favicon.ico" />
	<style type="text/css">
		body, form, ul, li, dl, dt, dd, p, table, tr, td, h1, h2, h3, h4, h5, h6, ul, li, form {
		    margin: 0;
		    padding: 0;
		}

		 .header .tool-bar {
        background: -webkit-linear-gradient(top, #4d74ae, #2e5186);
        Safari 5.1 - 6.0 background: -o-linear-gradient(bottom, #4d74ae, #2e5186);
        Opera 11.1 - 12.0 background: -moz-linear-gradient(bottom, #4d74ae, #2e5186);
        Firefox 3.6 - 15 background: linear-gradient(to bottom, #4d74ae, #2e5186);
        标准的语法 background: #2e5186;
        height: 70px;
    }
    
    .header .sepe {
        height: 50px;
        background-color: #d1e1f9;
    }
    
    .content {
        background-color: #f2f2f2;
    }
    
    .content .emchart {
        background-color: #fff;
        padding: 0px 10px;
    }
    
    .tabs {
        background-color: #fff;
        height: 50px;
        font-size: 18px;
        color: #000;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }
    
    .tabs .tab {
        float: left;
        width: 25%;
        height: 47px;
        line-height: 47px;
        text-align: center;
    }
    
    .tabs .tab.current {
        color: #2f5895;
        border-bottom: 3px solid #2f5895;
    }
    
    
	</style>
	
</head>
<body>
	<div class="main-wrap">
		<div class="main">
			<div class="header">
				<div class="tool-bar">
					
				
				</div>
				
			</div>

			<div class="content">
				<div class="tabs">
					<div id="tab-0" target="emchart-0" class="tab current" style="width:100%;">折线图</div>
					<!-- <div id="tab-1" target="emchart-1" class="tab">日K</div>
					<div id="tab-2" target="emchart-2" class="tab">周K</div>
					<div id="tab-3" target="emchart-3" class="tab">月K</div> -->
				</div>
				<div class="emchart">
					<div id="emchart-0" class="em-tab">
					</div>
					<div id="emchart-1" class="em-tab">
					</div>
					<div id="emchart-2" class="em-tab">
					</div>
					<div id="emchart-3" class="em-tab">
					</div>
				</div>

				<input type="button" name="lijie" value="测试" onclick="test();" />
				
			</div>

		</div>

	</div>
	<script src="../../bundle/emcharts.js"  charset="UTF-8"></script>
	
	<script type="text/javascript">
       var xaxisArr=[{"value":"2017-04-06","showline":true,"show":true},{"value":"2017-04-07","showline":false,"show":false},{"value":"2017-04-10","showline":false,"show":false},{"value":"2017-04-11","showline":true,"show":true},{"value":"2017-04-12","showline":false,"show":false},{"value":"2017-04-13","showline":false,"show":false},{"value":"2017-04-14","showline":true,"show":true},{"value":"2017-04-17","showline":false,"show":false},{"value":"2017-04-18","showline":false,"show":false},{"value":"2017-04-19","showline":true,"show":true},{"value":"2017-04-20","showline":false,"show":false},{"value":"2017-04-21","showline":false,"show":false},{"value":"2017-04-24","showline":true,"show":true},{"value":"2017-04-25","showline":false,"show":false},{"value":"2017-04-26","showline":false,"show":false}];
       var series1=["0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00"];
       var series2=["18281789.07","18437506.30","17972468.26","17577958.45","17697196.83","17556463.86","18100851.41","18098883.99","18921190.02","18822243.41","18607970.65","18556108.60","18601877.17","18238048.35","17833354.92"];

       function test(argument) {
       	// body...
       	current = k0 = new EmchartsWebLine({
	        	container : "emchart-0",
		        "width" : 590,
		        "height" : 220,
		        dpr:1,
		        showflag: true,
		        font:{
		        	fontFamily:'Microsoft Yahei',
		        	fontSize:"12",
		        	color:"#000"
		        },
		        xaxis: xaxisArr,
		        series:[
					{	
						name:"5日均线",
						color:"#ff5000",
						suffix:"万",
						showpoint:false,
						data:[]
					},
					{	
						name:"分时均线",
						color:"blue",
						showpoint:false,
						data:[]
					}
				]
	        });
	        k0.draw();
       }
	window.onload = function(){
			current = k0 = new EmchartsWebLine({
	        	container : "emchart-0",
		        "width" : 590,
		        "height" : 220,
		        dpr:1,
		        showflag: true,
		        font:{
		        	fontFamily:'Microsoft Yahei',
		        	fontSize:"12",
		        	color:"#000"
		        },
		        xaxis: xaxisArr,
		        series:[
					{	
						name:"5日均线",
						color:"#ff5000",
						suffix:"万",
						showpoint:false,
						data:series1
					},
					{	
						name:"分时均线",
						color:"blue",
						showpoint:false,
						data:series2
					}
				]
	        });
	        k0.draw();
		}
		
		// window.onload = function(){
		// 	current = k0 = new EmchartsWebLine({
	 //        	container : "emchart-0",
		//         "width" : 800,
		//         "height" : 500,
		//         dpr:1,
		//         showflag: true,
		//         font:{
		//         	fontFamily:'Microsoft Yahei',
		//         	fontSize:"12",
		//         	color:"#000"
		//         },
		//         angle:30,
		//         xaxis: [{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:true
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:false,
		// 	        	show:false
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:true
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:false
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:true
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:false
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:true
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:false
		// 	        },{
		// 	        	value:"东方财富网",
		// 	        	showline:true,
		// 	        	show:true
		//         	}],
		//         series:[
		// 			{	
		// 				name:"5日均线",
		// 				color:"#ff5000",
		// 				suffix:"万",
		// 				showpoint:true,
		// 				data:[30000,60000,30000,60000,-30000,-30000,-60000,-60000,-60000]
		// 			}
		// 		],
		// 		series2:[
		// 			{	
		// 				name:"分时均线",
		// 				color:"blue",
		// 				showpoint:true,
		// 				data:[-5,-2,-5,-2,1,4,1,4,1]
		// 			}
		// 		]
	 //        });
	 //        k0.draw();
		// }

	</script>
	
</body>
</html>